<ul style="margin: 0px;padding-left: 1px;">
    <li style="height: 32px;background-color: #CFD0D0;">
       
        <div class="li_icon_rigth" style="display: none;"><a href="javascript:void(0);" id="show-pnl-filter-time"> <?php echo image_tag('implementacion/flecha.gif') ?></a></div>
        <div class="li_icon_rigth" style="display: none;"><a href="javascript:void(0);" id="show-pnl-filter-document"> <?php echo image_tag('implementacion/flecha.gif') ?></a></div>
     <div  style="height: 50px; padding-bottom: 15px;padding-top: 10px;display: none;float: right;width: 260px;margin-top: 22px;margin-left: 15px;" id="div-pnl-filter-time" >
        
     </div>


       <!-- ----------------------------------------------------------------------------------------------------------- -->
        <div  style="display: none;float: right;width: 155px;margin-top: 22px;margin-left: 118px;" id="div-pnl-filter-document" >
            <ul style="margin: 0px;padding: 0px;" >
                <li class="li-option-user texto_titulo" style="margin-right: 10px; " >
                </li>
                <li class="li-option-user texto_titulo" style="padding-top: 0px;margin-right: 10px;" >
                </li>
                <li class="li-option-user texto_titulo" style="padding-top: 0px;margin-right: 10px;" >
                    <span style="float: left;"> Fecha de Creacion</span>
                    <div style="float: right;">
                        <input name="ck_create_day" id="ck_create_day" type="checkbox"/>
                    </div>
                </li>
                <li class="li-option-user" style="padding-bottom:7px;margin-right: 10px;" >
                    <div style="float: right;">
                        <input type="button" value="ok" id="btn-filtrar-documentos" name="btn-filtrar-documentos">
                    </div>
                </li>
            </ul>
        </div>
       <!-- ----------------------------------------------------------------------------------------------------------- -->
    </li>

    <li><div id="div_lista_doc" style="max-height:506.44px;"></div></li>
</ul>


    

<script type="text/javascript">



$(document).ready(function(){
        f_list_doc(1,{'url':'<?php echo url_for('util/listar_documentos') ?>'});
        //ChangeMaxHeight();

    $( "#dpicker-desde" ).datepicker({
            dateFormat: 'yy-mm-dd',
            changeMonth: true,
        changeYear: true,
            minDate : new Date(2011,00,01),
            maxDate : new Date(),
            onClose: function() {
                if($(this).val()!=""  && $("#dpicker-hasta").val()!="" ){
                     filter_doc();
                }               
            }
    });

     $( "#dpicker-hasta" ).datepicker({
            dateFormat: 'yy-mm-dd',
            changeMonth: true,
        changeYear: true,
            minDate : new Date(2011,00,01),
            maxDate : new Date(),
            onClose: function() {
                if($(this).val()!=""  && $("#dpicker-desde").val()!="" ){
                     filter_doc();
                }
            }
    });

    $("#show-dp-d").click(function(){
           $("#dpicker-desde" ).datepicker( "show" )
    });
    $("#show-dp-h").click(function(){
           $("#dpicker-hasta" ).datepicker( "show" )
    });

    $("#btn-aceptar-fliltro-fecha").click(function(){
            if($("#dpicker-desde" ).val() > $( "#dpicker-hasta").val()){
                alert('la fecha final no puede ser mayor a la inicial');
            }else{
                f_list_alldoc();
                $("#div-pnl-filter-time" ).hide();
                
            }
    });

})




 /*function ChangeMaxHeight() {
      var pObj = document.getElementById ("div_lista_doc");
      var height_actual = screen.height;
      var total = ((height_actual*510)/864)-10;
      pObj.style.maxHeight = total+"px";
 }*/

function show_detalle_acuerdo(id,div){

   
        f_show_detail_doc('acuerdo',id);
        $(".item_acuerdo").removeClass().addClass('item_acuerdo');
        $(".item_acuerdo_select").removeClass().addClass('item_acuerdo');
        $(div).removeClass('item_acuerdo').addClass('item_acuerdo_select');
  
}

 function show_doc(doc,id,div){
    if($(div).attr('class')!="item_acuerdo_select"){
        f_show_detail_doc(doc,id);
        $(".item_acuerdo").removeClass().addClass('item_acuerdo');
        $(".item_acuerdo_select").removeClass().addClass('item_acuerdo');
        $(div).removeClass('item_acuerdo').addClass('item_acuerdo_select');
    }

 }

 
 
</script>